/* 
    Document   : estiloZoomer
    Created on : 15-jun-2011, 0:17:45
    Author     : Endika
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/** INICIO DEL ZOOMER*/

ul.thumb {
    float: left;
    list-style: none;
    margin: 0;
  
    background:transparent;
}
ul.thumb li {
    margin: 0; 
    padding: 5px;
    float: left;
    position: relative;
    width: 110px;
    height: 110px;
}
ul.thumb li img {
    width: 100px; 
    height: 100px;padding: 5px;
    background: #434343;
    position: absolute;
    left: 0; 
    top: 0;
    -ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
    margin-top:15px;
    background:url(../images/zoomer/thumb_bg.png) no-repeat center center;
    border: none;
}
.title{
    position:absolute;
    width:185px;
    height:35px;
    margin:0;
    font-weight:900;
    background:url(../images/zoomer/blue.png) no-repeat center center;
    padding:17px 0 0 0;
    text-align:center; 
    color: #fff; 
}
